<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>

    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/index.css" />
</head>

<body>
    <!-- 顶部 -->
    <div class="top cf">
        <div class="touch container">
            <a href="#">欢迎来到HOUSE家居网！</a>
            <span class="email">
                <a href="#">1234567xxx@gmail.com</a>
            </span>
            <span class="tel">
                <a href="#">400-00-000xxx</a>
            </span>
        </div>
    </div>
    <!-- 导航 -->
    <nav class="container cf">
        <a href="#">
            <img src="images/logo.png" alt="">
        </a>
        <div class="rightnav cf">
            <a href="./index.html" target="_blank">首页</a>
            <a href="./about.html" target="_blank">关于我们</a>
            <a href="./product_det.html" target="_blank">产品中心</a>
            <a href="./news.html" target="_blank">新闻动态</a>
            <a href="./message.html" target="_blank">在线留言</a>
            <a href="./contact.html" target="_blank">联系我们</a>
        </div>
    </nav>
    <!-- 横幅 -->
    <div class="banner">
        <a href="#">
            <img src="images/sy01_02.jpg" alt="">
        </a>
    </div>

    <!-- 介绍 -->
    <main class="product container cf">
        <ul class="intar container cf">
            <li>
                <img src="images/01.jpg" alt="" />
                <a href="#">
                    <span class="cap">品质高 经久耐用</span>
                    <span class="mat">当前家纺市场上的优秀代表，从织造、染色、印花 及整理包装的整个流程，我们都做的十分仔细，而且 在环保性上，也有很好的表现
                    </span>
                </a>
            </li>
            <li>
                <img src="images/01.jpg" alt="" />
                <a href="#">
                    <span class="cap">品质高 经久耐用</span>
                    <span class="mat">公司全体员团结奋进、开拓进取，为创建特色鲜 明、质量一流的名牌产品而不懈努力。公司凭借高素质 的人才队伍，先进的工艺和一流、完善的企业管理
                    </span>
                </a> 
            </li>
            <li>
                <img src="images/01.jpg" alt="" />
                <a href="#">
                    <span class="cap">先进的工艺技术</span>
                    <span class="mat">家纺依靠科技进步、倡导绿色消费，让消费者充分 体会到品牌文化所带来的无穷魅力，专业致力于功能性 家纺，产品有真丝系列、婚庆系列、时尚系列
                    </span>
                </a>
            </li>
        </ul>
        <!-- 产品展示 -->
        <h1>
            <a href="./product.html" target="_blank">产品展示
                <span>OUR PRODUCTS</span>
            </a>
        </h1>
        <div class="show cf">
            <ul class="cf">
                <li class="daily cf">
                    <img src="images/pic01.jpg" alt="" />
                    <a href="#">
                        <span class="caption">居家日用</span>
                        <span class="matter">Home Daily</span>
                    </a>
                </li>
                <li class="storage">
                    <img src="images/pic02.jpg" alt="" />
                    <a href="#">
                        <span class="caption">家居收纳</span>
                        <span class="matter">Home Storage</span>
                    </a>
                </li>
                <li class="acc">
                    <img src="images/pic03.jpg" alt="" />
                    <a href="#">
                        <span class="caption">家居装饰</span>
                        <span class="matter">Home Accessories</span>
                    </a>
                </li>
                <li class="cater">
                    <img src="images/pic04.jpg" alt="" />
                    <a href="#">
                        <span class="caption">厨房餐饮</span>
                        <span class="matter">Kitchen Catering</span>
                    </a>
                </li>
            </ul>
            <div class="right_aside">
                <img src="images/pic05.jpg" alt="" />
                <a href="#">
                    <span class="caption">床上用品</span>
                    <span class="matter">Bedding Article</span>
                    <span class="but">READ MORE</span>
                </a>
            </div>
        </div>
    </main>
    <!-- 关于我们 -->
    <aboutus class="about">
        <div class="art">
            <h1>
                <a href="./about.html" target="_blank">关于我们</a>
            </h1>
            <p>**家纺有限公司现有员工1000余人，资产总额9000万元。下设：纺纱分厂、毛巾分厂、绣花分厂、家纺分厂和进出口公司。先后在韩国、欧洲、日本、美国、澳大利亚、新加坡、中东、非洲等十几个国家和地区建立了稳定的销售网络和分公司。被省、市政府评为“先进企业”“功勋企业”“外贸出口先进单位”，同时被授予“AAA”级信用企业。**公司凭借高素质的人才队伍，先进的工艺和一流、完善的企业管理，赢得了国内外客户的良好赞誉，使得企业很快发展成为集纺、织、印、染、绣花为一体的家纺集团。公司先后荣获了“中国驰名商标”、“**名牌”、“**省著名商标”等荣誉称号。公司通过了ISO9001：2000......
            </p>
            <a href="./about.html" target="_blank" class="read">READ MORE</a>
        </div>
    </aboutus>
    <!-- 新闻动态 -->
    <h1 class="news container">
        <a href="./news.html" target="_blank">新闻动态
            <span>NEWS CENTER</span>
        </a>
    </h1>
    <div class="information container cf">
        <ul>
            <li class="img">
            <a href="#">
                <img src="images/pic06.jpg" alt="">
            </a>
            </li>
            <li>
                [行业资讯]
                <a href="#">家纺行业的四大走向</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">家纺行业：从价值链的薄弱环节找</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">2009年净利润同比增长34.4</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">家电涨价与降价背后的营销逻辑</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">高科技家电未来都很低碳</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">XX网加盟“绿书签”行动</a>
                <span>2014-10-20</span>
            </li>
        </ul>
        <ul class="middlenews">
            <li class="img">
            <a href="#">
                <img src="images/pic07.jpg" alt="">
            </a>
            </li>
            <li>
                [行业资讯]
                <a href="#">家纺行业的四大走向</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">家纺行业：从价值链的薄弱环节找</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">2009年净利润同比增长34.4</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">家电涨价与降价背后的营销逻辑</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">高科技家电未来都很低碳</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">XX网加盟“绿书签”行动</a>
                <span>2014-10-20</span>
            </li>
        </ul>
        <ul>
            <li class="img">
            <a href="#">
                <img src="images/pic08.jpg" alt="">
            </a>
            </li>
            <li>
                [行业资讯]
                <a href="#">家纺行业的四大走向</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">家纺行业：从价值链的薄弱环节找</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">2009年净利润同比增长34.4</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">家电涨价与降价背后的营销逻辑</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">高科技家电未来都很低碳</a>
                <span>2014-10-20</span>
            </li>
            <li>
                [行业资讯]
                <a href="#">XX网加盟“绿书签”行动</a>
                <span>2014-10-20</span>
            </li>
        </ul>
    </div>
    <!-- 底部链接 -->
    <footer>
        <div class="container cf">
            <div class="address cf">
                <a href="#">
                    <img src="images/logo2.jpg" alt="" />
                </a>
                <p>
                    <span class="add"></span>中国上海市xxx区xxx路12号moumou大厦5层5xx室</p>
                <p>
                    <span class="contact"></span>400-000-xxxx / (021)-1234578xxx</p>
                <p>
                    <span class="mail"></span>12385963xxxx@gmail.com</p>
            </div>
            <div class="links">
                <h1>
                    <a href="#">快速链接</a>
                </h1>
                <ul>
                    <li>
                        <a href="./index.html" target="_blank">&gt;网站首页</a>
                    </li>
                    <li>
                        <a href="./about.html" target="_blank">&gt;关于我们</a>
                    </li>
                    <li>
                        <a href="./product_det.html" target="_blank">&gt;产品中心</a>
                    </li>
                    <li>
                        <a href="./news.html" target="_blank">&gt;新闻动态</a>
                    </li>
                    <li>
                        <a href="./message.html" target="_blank">&gt;在线留言</a>
                    </li>
                    <li>
                        <a href="./contact.html" target="_blank">&gt;联系我们</a>
                    </li>
                </ul>
            </div>
            <form action="">
                <h1>
                    <a href="#">站内搜索</a>
                </h1>
                <input type="text" placeholder="请输入关键字" />
                <button type="submit">搜索</button>

                <p>关于我们
                    <a href="">
                        <img src="images/fenxiang.png" alt="" />
                    </a>
                </p>
            </form>
        </div>
    </footer>
    <div class="copyright">
        <p>Copyright &copy; 2009-2011,www.xxxxxx.com,All rights reserved 沪ICP备XXXXXX号 未经同意，不得转载</p>
    </div>

</body>

</html>